<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/8/26
  Time: 14:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%@ include file="/include/easyui.jsp" %>
    <title>用户中心-用户管理</title>
    <style>
        .left {
            float: left;
            width: 100%;
        }

        .right {
            float: right;
            width: 100%;
        }

        .left-username {
            word-wrap: break-word;
            word-break: break-all;
            width: 200px;
            height: 15px;
            color: #B2B2B2;
        }

        .left-headPortrait {
            width: 50px;
            height: 50px;
            background-color: red;
            float: left
        }

        .left-content {
            margin: 10px;
            width: 80%;
            background-color: #F5F5F5;
            float: left;
            text-align: left;
        }

        .right-username {
            word-wrap: break-word;
            word-break: break-all;
            color: #B2B2B2;
            width: 200px;
            height: 15px;
            text-align: right
        }

        .right-headPortrait {
            width: 50px;
            height: 50px;
            background-color: red;
            float: right
        }

        .right-content {
            margin: 10px;
            width: 80%;
            background-color: #F5F5F5;
            float: right;
            text-align: right;
        }
    </style>
</head>
<body>
<div id="toolbar">
    性别：
    <select id="sex" class="easyui-combobox" style="width:80px">
        <option value="0">所有</option>
        <option value="1">男</option>
        <option value="2">女</option>
    </select>
    <input id="mobile" class="easyui-searchbox" data-options="prompt:'请输入手机号',searcher: doSearch" style="width:200px"/>
    <input id="nickname" class="easyui-searchbox" data-options="prompt:'请输入昵称',searcher: doSearch" style="width:200px"/>
</div>
<table class="easyui-datagrid" id="datagrid"></table>
<div id="buttons"></div>
<div id="dialogDetail" style="padding:10px;background-color:#F5F5F5 ">
    <%--<div class="left">
        <div class="left-headPortrait">
            <img width="100%" height="100%"
                 src="http://wx.qlogo.cn/mmopen/AVuX6JYbscH2IuQ0ERRjp4ozAQ0GNibUfpTmvicmOQTNzCML1r5Xy8yK5jSJJyu96jdk8zKhpibvkkZ6p0yfbiciaYw/0"/>
        </div>
        <div>
            <div class="left-username">username</div>
            <div class="left-username">
                2017-1-25 17:25:45
            </div>
        </div>
        <div class="left-content">您好，客服小汪为您服务，请问您有什么疑问？</div>
    </div>
    <div class="right">
        <div class="right-headPortrait">
            <img width="100%" height="100%"
                 src="http://wx.qlogo.cn/mmopen/Mia8pfWBgY9EMq10jnF1w75tIbYjpk4VHdQHia5x0yalMD1oDEx3kxlm8cBiaNUzlsbs4J6ktn4G9IXBFqvviamRj4nRqVAfMBU7/0"/>
        </div>
        <div style="float:right">
            <div class="right-username">
                username
            </div>
            <div class="right-username">
                2017-1-25 17:25:45
            </div>
        </div>

        <div class="right-content">
            咋买？
        </div>
    </div>
    <div class="left">
        <div class="left-headPortrait">
            <img width="100%" height="100%"
                 src="http://wx.qlogo.cn/mmopen/AVuX6JYbscH2IuQ0ERRjp4ozAQ0GNibUfpTmvicmOQTNzCML1r5Xy8yK5jSJJyu96jdk8zKhpibvkkZ6p0yfbiciaYw/0"/>
        </div>
        <div>
            <div class="left-username">username</div>
            <div class="left-username">
                2017-1-25 17:25:45
            </div>
        </div>
        <div class="left-content">如此如此，这般这般，就好了！</div>
    </div>--%>
</div>
<script type="text/template7" id="detail">
    {{#each DataList}}
        {{#js_compare "this.ChatType === '2002'"}}
        <div class="left">
            <div class="left-headPortrait">
                <img width="100%" height="100%"
                     src="{{this.CustomerService.KfHeadimgurl}}" />
            </div>
            <div>
                <div class="left-username">{{this.CustomerService.KfNick}}</div>
                <div class="left-username">
                    {{Sent_time}}
                </div>
            </div>
            <div class="left-content">{{Content}}</div>
        </div>
        {{else}}
        <div class="right">
            <div class="right-headPortrait">
                <img width="100%" height="100%"
                     src="{{this.User.LogoPath}}"/>
            </div>
            <div style="float:right">
                <div class="right-username">
                    {{this.User.WechatNickname}}
                </div>
                <div class="right-username">
                    {{Sent_time}}
                </div>
            </div>
            <div class="right-content">
                {{Content}}
            </div>
        </div>
        {{/js_compare}}
    {{/if}}
    {{/each}}
</script>
<script src="${cdnContentPath}/static/template7/dist/template7.js"></script>
<script type="text/javascript" src="${relativePath}/admin-view/user/user.js"></script>
</body>
</html>
